<template>
	<view class="container">
		<image :src="imgurl" mode="center"></image>
		<image :src="imgArr[0]" mode="center"></image>
	</view>
</template>

<script setup>
	import {
		ref
	} from 'vue'
	const imgurl = ref("../../static/uni.png")
	const imgArr = ref([
		"../../static/c1.png",
		"../../static/c2.png",
		"../../static/c3.png",
		"../../static/c4.png"
	])
	setInterval(() => {
		imgurl.value = imgArr.value[Math.floor(Math.random() * 4)]
	}, 1000)
</script>

<style lang="scss" scoped>
	.container {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;

		image {
			width: 200rpx;
			height: 200rpx;
		}
	}
</style>